import Filter from '../../ui/Filter'
import SortBy from '../../ui/SortBy'
import TableOperations from '../../ui/TableOperations'

function CabinTableOperations(props) {
	return (
		<TableOperations>
			<Filter
				field='discount'
				options={[
					{ label: 'All', value: 'all' },
					{ label: 'No Discount', value: 'no-discount' },
					{ label: 'With Discount', value: 'with-discount' },
				]}
			/>

			<SortBy
				options={[
					{ value: 'name-asc', label: 'Sort by name(A-Z)' },
					{ value: 'name-dsc', label: 'Sort by name(Z-A)' },
					{
						value: 'regularPrice-asc',
						label: 'Sort by regular price(low first)',
					},
					{
						value: 'regularPrice-dsc',
						label: 'Sort by regular price(high first)',
					},
					{
						value: 'maxCapacity-asc',
						label: 'Sort by maxCapacity(low first)',
					},
					{
						value: 'maxCapacity-dsc',
						label: 'Sort by maxCapacity(high first)',
					},
				]}
			/>
		</TableOperations>
	)
}

export default CabinTableOperations
